<!DOCTYPE html>
<html>
	<head>
		#include('head.html',{title:'地理位置'})
		<style type="text/css">
			body{
	               background-image: url(images/bgc.jpg);
	          }
			.content p{
				font-size: 18px;
				text-align: center;
			}
			.content button{
				display: block;
				margin:0 auto;
			}
			.content img{
				display: block;
				margin:0 auto;
			}
		</style>
	</head>
	<body>
	#if(school!=null)
	  <header data-am-widget="header" class="am-header am-header-default header">
		  <div class="am-header-left am-header-nav">
		     <a href="college?sId=${school.sId}" class="">
		       <i class="am-header-icon am-icon-angle-left"></i>
		     </a>
		  </div>
		  <h1 class="am-header-title"> <a href="#" class="" style="color: #333;">${school.sName}</a></h1>
		  <div class="am-header-right am-header-nav">
		     <a href="#right-link" class=""> </a>
		  </div>
	  </header>
	#include('header.html')
      <div class="content">
      	<h1>地理位置</h1>
      	<!-- <div class="text"><span class="fl">2015-5-30</span><span class="fr"><i class="am-icon-thumbs-o-up"></i>&nbsp;浏览174</span></div> -->
      	<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${school.sName}坐落于
      	<br>${school.sPosition}</p>
      	<br />
      	<p>&nbsp;&nbsp;校园地图</p>

      	  <figure data-am-widget="figure" class="am am-figure am-figure-default "   data-am-figure="{  pureview: 'true' }">
			#set(i=0)
			#for(pic:cPictureList)
			#if(i!=0)<br>#end
      		<img src="images/picture/${pic.pFilename}">
			#set(i=i+1)
			#end
 		 </figure>

      	<br>
      	<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;点击进入校园定位</p>
      	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#"><button type="button" class="am-btn am-round am-btn-success " data-am-modal="{target: '#my-popup'}">定位</button></a>
      </div>
        <div data-am-widget="duoshuo" class="am-duoshuo am-duoshuo-default" data-ds-short-name="amazeui">
		    <div class="ds-thread" >
		    </div>
		</div>

<div class="am-popup" id="my-popup">
  <div class="am-popup-inner" style="padding-top: 0px;">
    <div class="am-popup-hd" style="width: 10%;right: 0; border: 0; background: rgba(139, 0, 0, 0);">
      <span data-am-modal-close
            class="am-close" style="font-size: 30px;top: 11px;opacity: 1;">&times;</span>
    </div>
    <div class="am-popup-bd" style="padding:0; height: 100%;">
  		<iframe id="position" src="${school.sPort}"></iframe>
    </div>
  </div>
</div>
	#else
	<div style="text-align: center;margin-top: 20%;">该学校不存在！</div>
	#end
	</body>
	<script type="text/javascript">
		$("#position").css({"height":$("body").height(),"width":"100%"});
		$(".am-close").click(function(){
			$('#position').attr('src', $('#position').attr('src'));
		});
	</script>
</html>
